<template>
    <div class="son">
        <ul>
            <li v-for="item,index in aa">{{item}}</li>
        </ul>
        <h1>{{str}}</h1>
        <h1>{{num}}</h1>
        <h1>{{flag}}</h1>
    </div>
</template>
<script>
import {reactive,toRefs} from 'vue'
export default {

    // props写成数组的形式是最简洁的写法
    props:['aa','str','num','flag'],
    // 写成对象的形式，可以给传过来的值指定类型和默认值
    // props:{
    //   aa:{
    //     type:Array, //指定数据类型 传过来的数据类型是什么，这里就定义什么
    //     default:['电影','新闻','军事'],//当父组件没有传递数据的时候展示默认值，如果父组件传递数据，就展示传递过来的值
    //   },
    //   str:{
    //     type:String
    //   },
    //   num:{
    //     type:Number
    //   }

    // },
    setup(props,context) {
        // console.log(props.str);//props就是用来接受父传子，所有的父组件传过来的值都在props里面
        console.log(context);
        
        const data = reactive({
              resList:['战狼','长津湖'],
              msg:'回答不出来，抄写3遍'
        })
         context.emit('yy',data.resList)
         context.emit('mm',data.msg)
        return {...toRefs(data)}
    }
}
</script>